<template>
    <div class="renew">
        <div class="nav-bar" :class="{bg: isScrollDown}">
            <a class="logo" href="/index.html"></a>
            <el-menu id="main-nav" ref="topColumns" mode="horizontal" :default-active="defaultActivePath">
                <el-menu-item
                    v-for="(item,index) in topColumns"
                    :index="item.path"
                    @click.native.stop.prevent="switchPage(index, item.path)"
                    :key="item.path">
                    {{item.columnName}}
                </el-menu-item>
            </el-menu>
            <div class="page-title">{{pageTitle}}</div>
            <div class="nav-bar-toggle">
                <el-dropdown trigger="click">
                    <span class="el-dropdown-link">
                        <i class="fa fa-bars"></i>
                    </span>
                    <el-dropdown-menu class="nav-bar-dropdown" slot="dropdown" :router="true">
                        <el-dropdown-item
                            v-for="(item,index) in topColumns"
                            @click.native="switchPage(index)"
                            :key="item.path">
                            <router-link :to="item.path">{{item.columnName}}</router-link>
                        </el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
            </div>
        </div>
        <div class="content">
            <div class="content-body">
                <router-view></router-view>
            </div>
        </div>
        <footer>
            <div class="layout-row cf">
                <p class="cr">Copyright © 2017 ReNew Gravity Bay</p>
                <ul>
                    <li>
                        <a href="https://www.facebook.com/renewgravitybay/" class="facebook"></a>
                    </li>
                    <li>
                        <a href="https://line.me/R/ti/p/%40renewgym" class="line"></a>
                    </li>
                    <li>
                        <a href="https://www.instagram.com/renewgravitybay/" class="instagram"></a>
                    </li>
                </ul>
            </div>
        </footer>
    </div>
</template>
<script>
import {getScrollTopOfBody} from 'common/util';
import {mapState} from 'vuex';
export default {
    name: 'renew',
    components: {},
    data() {
        return {
            topColumns: [],
            activeIndex: 0,
            defaultActivePath: '',
            routeList: []
        };
    },
    computed: {
        ...mapState(['isScrollDown', 'navActiveIndex']),
        pageTitle() {
            let pageTitle = this.topColumns.length > 0 ? this.topColumns[this.navActiveIndex].columnName : '首頁';
            let subtitle = {
                '關於我們': 'ABOUT RENEW',
                '訓練課程': 'COURSES',
                '新聞活動': 'NEWS & EVENTS',
                '圖片與影片': 'PHOTO & VIDEO',
                '聯繫我們': 'HOW TO FIND US'
            };
            this.$store.commit('setPageTitle', pageTitle);
            this.$store.commit('setPageSubtitle', subtitle[pageTitle] || 'COURSES');
            document.title = 'ReNew Gravity Bay健身引力工作室-全台唯一Total GYM引力全方位訓練時尚健身房' + '-' + pageTitle;
            return pageTitle;
        }
    },
    events: {
        changePage(name) {
            this.topColumns.some((item, index) => {
                if (item.columnName === name) {
                    this.defaultActivePath = item.path;
                    this.switchPage(index);
                    return true;
                }
                return false;
            });
        }
    },
    mounted() {
        this.init();
    },
    methods: {
        init() {
            window.onscroll = () => {
                let scrollTop = getScrollTopOfBody();
                if (scrollTop > 200) {
                    this.$store.commit('setIsScrollDown', true);
                }
                else if (scrollTop === 0) {
                    this.$store.commit('setIsScrollDown', false);
                }
            };

            this.$axios({
                url: '/column/getTopColumns.do'
            }).then(res => {
                let topColumns = res.data;
                topColumns.forEach(item => {
                    item.path = '/top-column?id=' + item.id;
                    this.routeList.push(item.path);
                });
                topColumns.unshift({
                    columnName: '首頁',
                    path: '/home',
                    id: '﹣2'
                });
                topColumns.push({
                    columnName: '聯繫我們',
                    path: '/top-column?id=-1',
                    id: '﹣1'
                });
                this.routeList.unshift('/home');
                this.routeList.push('/top-column?id=-1');

                let path = this.$route.path + '?id=' + this.$route.query.id;
                let index = this.routeList.indexOf(path);
                if (index === -1) {
                    index = 0;
                    path = '/home';
                }
                // this.activeIndex = index;
                this.$store.commit('setNavActiveIndex', index);
                this.topColumns = topColumns;
                this.$nextTick(() => {
                    this.defaultActivePath = path;
                });
            });
        },
        switchPage(index, path) {
            // this.activeIndex = index;
            this.$store.commit('setNavActiveIndex', index);
            if (path) {
                this.defaultActivePath = path;
                this.$router.push(path);
            }
        }
    }
};
</script>
<style lang="less">
@import "../common/css/flexible.less";
.nav-bar-toggle {
    display: none;
}

.nav-bar {
    position: fixed;
    box-sizing: border-box;
    width: 100%;
    height: 112px;
    line-height: 112px;
    text-align: center;
    overflow: hidden;
    padding: 0 128px;
    z-index: 100;
    &.bg {
        background-color: #373c43;
        opacity: 0.8;
    }
    .logo {
        float: left;
        background: url(/assets/imgs/logo-top.png) no-repeat center center;
        height: 112px;
        width: 200px;
        background-size: 200px;
        text-decoration: none;
    }
    .el-menu {
        float: right;
        background-color: transparent;
    }
    .el-menu--horizontal .el-menu-item {
        height: 112px;
        line-height: 112px;
        font-size: 18px;
        color: #fff;
        font-family: "LiHei Pro", "Microsoft YaHei";
        &:hover {
            background-color: transparent;
            border-bottom-color: transparent;
            color: #f6a623;
        }
        &.is-active {
            color: #f6a623;
        }
    }
}

.mouse {
    background: url('/assets/imgs/mouse.png');
    width: 33px;
    height: 67px;
    position: fixed;
    left: 50%;
    margin-left: -16px;
    top: 100%;
    margin-top: -80px;
    &.hide {
        display: none;
    }
}

.page-title {
    display: none;
    font-size: 28px;
    color: #fff;
}

.content {
    font-size: 14px;
}

// 超小屏也就是比ipad小
@media (max-width: 767px) {
    .renew {
        overflow-x: hidden;
    }
    .nav-bar {
        height: 60px;
        line-height: 60px;
        padding: 0;
        .nav-bar-toggle {
            height: 100%;
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            .el-dropdown {
                height: 100%;
            }
            .fa {
                font-size: 28px;
                margin-right: 15px;
                margin-top: 15px;
                color: #fff;
            }
        }
        .logo {
            display: none;
        }
        .page-title {
            display: inline-block;
        }
        .el-menu {
            display: none;
            position: absolute;
            top: 60px;
            z-index: 100;
        }
        .el-menu--horizontal {
            width: 100%;
            .el-menu-item {
                float: none;
            }
        }
    }
    .nav-bar-dropdown {
        width: 100%;
        left: 0 !important;
        margin: 0;
        padding: 0;
        background-color: #373c43;
        opacity: 0.9;
        text-align: center;
        border: 0;
        .el-dropdown-menu__item {
            border-top: 1px sol #777;
            font-size: 18px;
            color: #fff;
            line-height: 50px;
            a {
                border-top: 1px sol #777;
                font-size: 18px;
                color: #fff;
                line-height: 50px;
            }
        }
    }
    .mouse {
        display: none;
    }
}
footer {
    background: #373c43;
    .layout-row {
        width: 970px;
    }
    .cr {
        font: 18px/10 'Raleway Medium', "Microsoft YaHei";
        color: #fff;
    }
    ul {
        width: 330px;
        padding-top: 45px;
        float: right;
        display: flex;
        justify-content: space-between;
    }
    p {
        float: left;
    }
    li {
        a {
            display: block;
            width: 90px;
            height: 90px;
        }
        .facebook {
            background: url();
            background-size: cover;
            &:hover {
                background: url();
                background-size: cover;
            }
        }
        .line {
            background: url();
            background-size: cover;
            &:hover {
                background: url();
                background-size: cover;
            }
        }
        .instagram {
            background: url(data:img/jpg;base64,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);
            background-size: cover;
            &:hover {
                background: url(data:img/jpg;base64,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);
                background-size: cover;
            }
        }
    }
}

@media only screen and (max-width:767px) {
    footer {
        background: #373c43;
        .layout-row {
            width: auto;
        }
        .cr {
            padding-top: 20px;
            font: 14px/2 'Raleway Medium', "Microsoft YaHei";
            text-align: center;
        }
        ul {
            width: auto;
            padding: 10px 60px 30px;
            float: none;
            display: flex;
            justify-content: space-between;
        }
        p {
            float: none;
        }
        li {
            a {
                display: block;
                width: 60px;
                height: 60px;
            }
        }
    }
}

@media only screen and (min-width:768px) and (max-width:1142px) {
    footer .layout-row {
        width: auto!important;
        padding: 0 20px
    }
}
// 小屏幕 ipad
@media (min-width: 768px) and (max-width: 991px) {}

// 中屏幕 小于1200，主要是1024吧
@media (min-width: 992px) and (max-width: 1199px) {}

// 大屏幕 大于1200
@media (min-width: 1200px) {}
</style>
